import React from 'react';
import { Drawer, Table } from 'antd';
import { connect } from 'react-redux';
import PropTypes from 'prop-types';
import { drawerTableProps } from '../add-task-form/constant';
const ScanDrawer = props => {
  const { drawerVisible, closeDrawer } = props;
  return (
    <>
      <Drawer
        width={800}
        title={
          <span className={'drawer-title'}>
            连接数建议表（本表依据实验室环境测试结果，仅作为推荐参数使用）
          </span>
        }
        placement="right"
        onClose={() => closeDrawer()}
        visible={drawerVisible}
      >
        <Table {...drawerTableProps} />
      </Drawer>
    </>
  );
};

ScanDrawer.propTypes = {
  drawerVisible: PropTypes.Boolean,
  closeDrawer: PropTypes.func
};
export default connect()(ScanDrawer);
